<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="jquery-1.11.1.js"></script>
    <script>
        $(function(){

            //实现插件，给$函数的原型添加了一个方法 $.fn == $.prototype
            $.fn.changeColor = function(color){
                //此处的this是一个jQuery对象
                this.css("background",color);

                //链式编程的原理: return this;
                return this;
            }

            $("button").on("click",function(){
                //给jQuery对象扩展方法
                  $("div").changeColor($("div").text()).css("font-size","30px");
            })

            //给全局的$扩展方法
            $.log = function(msg){
                console.log(msg);
            }
            $.log("你是谁？");
        })
    </script>
</head>
<body>
   <button>按钮</button>
   <div>red</div>
</body>
</html>